<template>
  <div class="container">
    <float-menu class="float-menu" :titles="headerName"></float-menu>
    <div class="main-content">
      <div class="section" :id="headerName[0]">
        <h2>{{headerName[0]}}</h2>
        <info></info>
      </div>
      <div class="section" :id="headerName[1]">
        <h2>{{headerName[1]}}</h2>
        <elevation></elevation>
      </div>
      <div class="section" :id="headerName[2]">
        <h2>{{headerName[2]}}</h2>
        <cluster></cluster>
      </div>
    </div>
  </div>
</template>

<script>
import FloatMenu from '../components/FloatMenu.vue'
import Info from '../components/Info.vue'
import Elevation from '../components/Elevation.vue'
import Cluster from '../components/Cluster.vue'
import { menuAction } from '../mixin.js'

export default {
  components:{ FloatMenu, Info, Elevation, Cluster },
  name: "ApmDegin",
  data(){
    return{
      headerName:['户型基本信息', '建筑立剖面', '户型平面']
    }
  },
  mixins: [ menuAction ]
}
</script>

<style scoped>

</style>